<template>
  <!-- <fourUnitControl1 currentUnit="DOWN" /> -->
  <div style="display: flex; gap: 10px;">
    <div @click="change('LEFT')">切左</div>
    <div @click="change('RIGHT')">切右</div>
    <div @click="change('DOWN')">切下</div>
  </div>
  <fourUnitControl currentUnit="DOWN" ref="fourUnitControl111" />
</template>
<script setup>
import { useTemplateRef } from 'vue'
import fourUnitControl from '../components/sei-fourUnitControl/index.vue'
import fourUnitControl1 from '../components/unitControl/index.vue'
console.log('home')

const a = useTemplateRef('fourUnitControl111')
function change(unit) {
  a.value.changeUnit(unit)
}
</script>
<style lang="less" scoped></style>